<template>
    <div id="gonggao">
        <ul>
            <li v-for="(item,index) in gonggao" :key="index">
                <span class="jianjie">{{item.jj简介}}</span>
                <span class="shijian">{{item.sj时间}}</span>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                gonggao: [
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                    {
                        jj简介:"比特币日内价格上涨喜人比特币日内价格上涨喜人比特币日内价格上涨喜人",
                        sj时间:"2018-04-08 23:52:11"

                    },
                ]
            }
        },
    }
</script>

<style scoped>
#gonggao{
    height: 100%;
}
ul{
    color: #aaaaaa;
    overflow-y: scroll;
    height: 90vh;
}
li{
    margin: 0 auto;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: 95%;
    height: 2rem;
    padding-top: 1rem;
}
.jianjie{
    display: block;
    width: 60%;
    word-break:keep-all;/* 不换行 */
    white-space:nowrap;/* 不换行 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.shijian{
    color: #646262;
    font-size: .75rem /* 12/16 */
}
</style>